.approval--way {
	width: 100%;
	height: 525px;
	border: 1px solid #ccc;
	margin: 0 auto;
    overflow-y: auto;
    div {
    	ul {
    		li {
    			.item--status {
    				float: left;
    				width: 25%;
				    height: 100px;
    				position: relative;
    				span {
    					line-height: 100px;
    				}
    				.right--status {
    					background: url('./../../assets/image/right.png') no-repeat;
    					width: 24px;
    					height: 24px;
    					position: absolute;
    					right: 14px;
					    top: 42px;
					    z-index: 99;
    				}
    				.fail--status {
    					background: url('./../../assets/image/fail.png') no-repeat;
    					width: 24px;
    					height: 24px;
    					position: absolute;
    					right: 14px;
					    top: 42px;
					    z-index: 99;
    				}
    				.pending--status {
    					background: url('./../../assets/image/wating.png') no-repeat;
    					width: 24px;
    					height: 24px;
    					position: absolute;
    					right: 14px;
					    top: 42px;
					    z-index: 99;
    				}
    				.line {
    					width: 1px;
    					height: 100%;
    					border-left: 1px dashed #ccc;
					    position: absolute;
    					right: 30px;
    				}
    			}
    			.item--content {
    				float: left;
				    width: 70%;
				    margin-top: 20px;
				    border-radius: 20px;
				    background: #f3f3f3;
				    .base--data {
				    	margin-top: 10px;
				    	.name {
				    		float: left;
				    		margin-left: 35px;
				    	}
				    	.name--spe {
				    		float: left;
				    		margin: 0;
				    		margin-left: 35px;
				    		border-bottom: 1px solid #ccc;
			    		    width: 88%;
				    	}
				    	.date {
				    		float: right;
				    		margin-right: 25px;
				    		color:  #a6a6a6;
				    	}
				    }
				    p {
			    		text-align: left;
					    margin-left: 35px;
					    margin: 10px 25px 15px 35px;
					    color: #a6a6a6;
			    	}
    			}
    		}
    	}
    }
}

